<jsp:include page="include-header.jsp" />

<!-- start of left column -->
<div id="content" class="left_column">
	<div id="content_header">My Personal Information</div>
	<div id="content_padded">
	<!-- form starts here  -->
		<form id="formID" class="formular customForm" method="post" action="">
			<fieldset>
				<legend>Profile Information</legend>
					<div><img src="images/billGates.png" height="140px" width="140px"/></div>
					<div><label>First Name</label>Vivian</div>
					<div><label>Last Name</label>Tan</div>
					<div><label>Job Title</label>Marketing Manager</div>
			</fieldset>
			
			
    		<div id="showhidetarget">
			<fieldset>
				<legend>Contact Details</legend>
					<div><label>Phone</label>(+1) 412-759-2969</div>
					<div><label>Corporate E-mail</label>viviantan@apple.com</div>
					<div><label>Secondary E-mails</label>
					tanxueshan@gmail.com, xs@hotmail.com, xueshant@andrew.cmu.edu</div>
			</fieldset>
			
			<fieldset>
				<legend>Supplementary Details</legend>
					<div><label>Time Zone</label>(GMT -05:00) Eastern Time (US & Canada)</div>
					<div><label>Time Format</label>24-hour</div>
					<div><label>Current Time</label>15:00</div>
					<div><label>Start Work Time</label>09:00</div>
					<div><label>End Work Time</label>18:00</div>
					<div><label>Preferred Language</label>English</div>
			</fieldset>
			</div>
			
			<a href="user-edit-profile.do" class="awesome blue small">Edit</a> or <a id="showhidetrigger" href="#">View more details</a>
			<hr />
		</form>
	</div>
	<!-- end padding -->
</div>
<!-- end of left column -->

<!-- start of right column -->

<div class="right_column">
	<p>Expanding your networks?</p>
	<p>Import and Export your contacts into GlobaTrek today.</p>
</div>

<!-- end of right column -->

<jsp:include page="include-footer.jsp" />


